<section class="header">
  <!-- 通栏导航 -->
  <div class="sy-headerbox">
    <!-- 灰色导航 -->
    <div class="sy-header">
      <el-row>
        <el-col :span="8">
          <span>您好，请登录</span>
        </el-col>
        <el-col :span="8">&nbsp;</el-col>
        <el-col :span="8">

          <a>企业中心</a>

          <a>服务热线：400-800-8900</a>
          <a>网站导航</a>
        </el-col>
      </el-row>

    </div>
  </div>


  <!-- LOGO -->

  <div class="sy-logo">
    <div class="sy-logo-top">


      <el-row>
        <el-col :span="11">
          <div class="grid-content bg-purple logo">
            <img src="./logo.png" alt="">

          </div>
        </el-col>
        <el-col :span="1">
          <div class="grid-content bg-purple-light"></div>
        </el-col>
        <el-col :span="12">
          <div class="grid-content bg-purple logo-content">
            <ul>
              <li class="zhao zhao1">找产品</li>
              <li class="zhao">找客户</li>
              <li class="zhao">找技术</li>
            </ul>
            <div class="header-search-box clearfix">
              <input placeholder="请输入分类、牌号、厂商、公司" type="text" class="header-search-input">
              <button type="button" class="header-search-btn"></button>
            </div>

            <ul class="header-nav">

              <li class="item">道恩集团</li>
              <li class="item">拉丝PP</li>
              <li class="item">注塑PP</li>
              <li class="item">共聚纤维PP</li>
              <li class="item">低压PP</li>
              <li class="item">工程塑料</li>
              <li class="item">橡胶苯酚</li>
              <li class="item">线性高压</li>
            </ul>
          </div>
        </el-col>
      </el-row>


    </div>

    <!-- 类型分类 -->
    <div class="leixing">

      <el-row>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <h2 class="tiexin">贴心服务</h2>
          </div>
        </el-col>
        <el-col :span="1">
          <div class="grid-content bg-purple-light">&nbsp;</div>
        </el-col>
        <el-col :span="18">
          <div class="grid-content bg-purple">
            <!-- <li class="dh shouye">首页</li>
            <li class="dh">自营商城</li>
            <li class="dh">速运金融</li>
            <li class="dh">客户资源</li>
            <li class="dh">技术专家</li>
            <li class="dh">资讯中心</li>
            <li class="dh">竞价专区</li>
            <li class="dh">物性库</li> -->


             <router-link to="/home" tag="li" class="dh shouye">首页</router-link>
              <router-link to="/autotrophy" tag="li" class="dh">自营商城</router-link>
              <router-link to="/financial"  tag="li"  class="dh">塑云金融</router-link>
              <router-link to="/customer" tag="li"  class="dh">客户资源</router-link>
              <router-link to="/technician" tag="li"  class="dh">技术专家</router-link>
              <router-link to="/information" tag="li"  class="dh">资讯中心</router-link>
              <router-link to="/auction" tag="li"  class="dh">竞价专区</router-link>
              <router-link to="/properties" tag="li"  class="dh">物性库</router-link>



          </div>
        </el-col>
        <el-col :span="1">
          <div class="grid-content bg-purple-light"></div>
        </el-col>
      </el-row>


    </div>

  </div>
















</section>